<div id="border_no_size" style="border-width: 10px;">
</div>

<div id="border_container_match_child" style="border-width: 10px;">
  <div style="width: 10px; height: 10px;"></div>
</div>

<div id="border_flex_child" style="width: 100px; height: 100px; border-width: 10px;">
  <div style="width: 10px; flex-grow:1"></div>
</div>

<div id="border_stretch_child" style="width: 100px; height: 100px; border-width: 10px;">
  <div style="height: 10px;"></div>
</div>

<div id="border_center_child" style="width: 100px; height: 100px; border-start-width: 10px; border-top-width: 10; border-end-width: 20px; border-bottom-width: 20px; align-items: center; justify-content: center;">
  <div style="height: 10px; width: 10px;"></div>
</div>
